@media screen and (max-width: 641px) {
  body {
    min-width: inherit;
  }
  .docs-k-layout-sider {
    position: fixed !important;
    right: 0;
    top: 58px;
    z-index: 100;
    background: #fff !important;
    height: 100%;
    transform: translateX(100%);
    transition: all ease-in-out 300s;
  }
  .slider-show {
    transform: translateX(0);
    box-shadow: 5px 0 5px 5px rgb(0 0 0 / 44%);
  }
  .k-layout-content {
    .wrapper-inner {
      box-shadow: none;
      margin-top: 20px;
    }
  }
  .k-layout .header {
    min-width: inherit;
    .logo {
      min-width: inherit;
      flex: 1;
      sub {
        display: none;
      }
    }
  }
  .k-layout .right-menu-icon {
    display: block;
    color: #fff;
    border: 1px solid #0342a9;
    height: 30px;
    line-height: 30px;
    width: 30px;
    border-radius: 4px;
    text-align: center;
    font-size: 18px;
  }
}